/**
 * plugins/vuetify.ts
 *
 * Framework documentation: https://vuetifyjs.com`
 */

// Styles
import '@mdi/font/css/materialdesignicons.css'
import 'vuetify/styles'

// Composables
import { createVuetify } from 'vuetify'
import { light, dark } from './themes/default'
import { en, zhHant, zhHans } from 'vuetify/locale'

// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
export default createVuetify({
  theme: {
    defaultTheme: 'light',
    themes: {
      light, dark
    }
  },
  icons: {
    defaultSet: 'mdi', // This is already the default value - only for display purposes
  },
  locale: {
    locale: 'en',
    fallback: 'en',
    messages: {
      "en": en,
      "zh-cn": zhHans,
      "zh-hk": zhHant
    }
  }
})
